<template>
    <div class="page">
        <Form :model="formItem" inline :label-width="80">
            <FormItem :label-width="0">
                <CheckboxGroup v-model="formItem.checkbox">
                    <Checkbox label="包含所有下级"></Checkbox>
                </CheckboxGroup>
            </FormItem>
            <FormItem label="查询条件">
                <Select v-model="formItem.select">
                    <Option value="beijing">车队</Option>
                    <Option value="shanghai">车辆</Option>
                    <Option value="shenzhen">驾驶人</Option>
                </Select>
            </FormItem>
            <FormItem label="多因素分类">
                <Select v-model="formItem.select">
                    <Option value="beijing">单因素</Option>
                    <Option value="shanghai">三因素</Option>
                    <Option value="shenzhen">五因素</Option>
                    <Option value="shenzhen1">多因素</Option>
                </Select>
            </FormItem>
            <FormItem label="时间">
                <DatePicker type="daterange" placement="bottom-end" placeholder="Select date"
                            style="width: 200px"></DatePicker>
            </FormItem>
            <FormItem :label-width="0">
                <Button type="primary" style="margin-right: 5px">查询</Button>
                <Button type="primary">倒出</Button>
            </FormItem>
        </Form>
    </div>
</template>

<script>
export default {
  name: 'search',
  data () {
    return {
      formItem: {}
    }
  }
}
</script>

<style scoped>
   .page >>> .ivu-form-item {
        margin-bottom: 0px;
    }
</style>
